<!DOCTYPE html>
<html lang="en">
<head>
<title>我的账户概览</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="../css/ycc-reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="../css/ycc-style.css">
<link href="../css/user_new.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Passion+One:400,700' rel='stylesheet' type='text/css'>
<script src="../js/jquery-1.7.min.js"></script>
<script src="../js/jquery.easing.1.3.js"></script>
</head>
<body>
<div class="bg">
  <div class="bg-2"> 
    <!--==============================header=================================-->
    <header>
      <h1><a href="index.html"><img src="../images/logo.png" alt=""></a></h1>
      <nav>
        <ul class="menu2">
          <li><a href="../index.html">首页</a></li>
          <li ><a href="../about/aboutus.html">关于我们</a></li>
          <li><a href="../teacher/teacher-info.html">课程教材</a></li>
          <li class="current"><a href="../guide/index.html">上课流程</a></li>
          <li><a href="../user/testing-type=nologin.html">水平自测</a></li>
        </ul>
      </nav>
    </header>
    <!--==============================content================================-->
    <div id="content">
    <div class="page2-row1">
    <div class="page2-col-1 ">
            	<h2><span class="clr-1">免</span>费申请</h2>
                <ul class="list-1">
                	 <li><span class="leftRegisterSpan">邮箱</span>
              <input type="text" name="name" id="name" class="inputstyle" />
            </li>
            <li><span class="leftRegisterSpan">密码</span>
             <input type="text" name="name" id="name" class="inputstyle" />
            </li>
            <li><span class="leftRegisterSpan" style="width:50px";>手机号</span>
              <input type="text" name="name" id="name" class="inputstyle" />
            </li>
            <li><span class="leftRegisterSpan" style="width:90px;">推荐人手机号</span>
              <input type="text" name="name" id="name" class="inputstyle" />
            </li>
            <li style="margin-bottom:6px;"><span class="leftRegisterSpan" style="width:50px;">英文名</span>
              <input type="text" name="name" id="name" class="inputstyle" />
            </li>
            
            <div class="leftRegisterBtn"> <a href="#"></a> </div>
                </ul>
              <h2><span class="clr-1">产</span>品服务</h2>
                <ul class="list-1">
                	<li><a href="../service/media.html" title="APP介绍及下载">APP介绍及下载</a></li>
                    <li><a href="../teacher/teacher-info.html" title="课程设置及推荐教材">课程设置及推荐教材</a></li>
                    
                    <li><a href="../ue/ue_list.html" title="我们的学员评价">我们的学员评价</a></li>
                </ul>
                <h2><span class="clr-1">关</span>于Viki</h2>
                <ul class="list-1">
                	<li><a href="../about/aboutus.html" title="Viki智能外教介绍">Viki智能外教介绍</a></li>
                    <li><a href="../service/index.html" title="Viki的优势">Viki的优势</a></li>
                    <li><a href="../service/concept.html" title="Viki的学习理念和解决方案">Viki的学习理念和解决方案</a></li>
                    
                    <li><a href="../service/praise.html" title="公司荣誉">公司荣誉</a></li>
                    </ul>
                    <h2><span class="clr-1">使</span>用帮助</h2>
                <ul class="list-1">
                	<li><a class="" href="../guide/index.html" title="新手指南">新手指南</a></li>
                    <li><a class="" href="../help/help.html" title="常见问题">常见问题</a></li>
                    
                    <li><a href="../about/terms.html" title="用户协议">用户协议</a></li>
                    <li><a href="../about/privacy.html" title="隐私声明">隐私声明</a></li>
                    <li><a href="../about/sitemap.html" title="网站地图">网站地图</a></li>
                    </ul>
                
                    <h2><span class="clr-1"><a class="skype" style="width:118px;" href="http://class.Viki.com/Skype.exe" target="_blank"></a></h2>
                    </span>
                   </div>
            </div>

      <div class="rightFront"> 
        <!--帐户信息 开始-->
        <div class="zh">
          <div class="rightTitle">
            <h2><span class="clr-1"></span>个人中心</h2>
          </div>
          <script type="text/javascript">
		  		function changeTab(obj, index){
					$(".tab-item").removeClass("tab-item-active");
					$(obj).addClass("tab-item-active");
					for(var i=1; i<5; i++){
						if(index == i){
							$("#tab" + i).show();
						}else{
							$("#tab" + i).hide();
						}
					}
				}
          </script>
          <table class="tab-box">
            <tr>
              <td class="tab-item tab-item-active" onClick="changeTab(this, 1)">账户概览</td>
              <td class="tab-block" ></td>
              <td class="tab-item" onClick="changeTab(this, 2)">学习进度</td>
              <td class="tab-block" ></td>
              <td class="tab-item" onClick="changeTab(this, 3)">个人资料</td>
              <td class="tab-block" ></td>
              <td class="tab-item" onClick="changeTab(this, 4)">修改密码</td>
            </tr>
          </table>
          <div id="tab1" class="user_zh">
            <ul>
              <li>我们提供以下几种价格方案，您目前剩余:</li>
              <li>
                <table width="680px" border="1" cellspacing="0" cellpadding="0" style="margin:10px 0;">
                  <tbody>
                    <tr>
                      <th>次卡</th>
                      <td><p style="float:left;"> <span class="user_sj">1</span> 张
                          &nbsp;
                          有效期至 <span class="user_sj" style="height:20px;">2015年04月27日</span> </p>
                        <input type="button" class="orgbtn" value="购买次卡" style="margin-right:10px; float:right;" onclick="window.location.href=&quot;purchase.php&quot;"></td>
                    </tr>
                    <tr>
                      <th>日卡</th>
                      <td><p style="float:left;"> <span class="user_sj">0</span> 张 </p>
                        <input type="button" class="orgbtn" value="购买日卡" style="margin-right:10px; float:right;" onclick="window.location.href=&quot;purchase.php&quot;"></td>
                    </tr>
                    <tr>
                      <th>月卡</th>
                      <td><p style="float:left;"> <span class="user_sj">0</span> 张 </p>
                        <input type="button" class="orgbtn" value="购买月卡" style="margin-right:10px; float:right;" onclick="window.location.href=&quot;purchase.php&quot;"></td>
                    </tr>
                    <tr>
                      <th>年卡</th>
                      <td><p style="float:left;"> <span class="user_sj">1</span> 张
                          &nbsp;
                          有效期至 <span class="user_sj" style="height:20px;">2014年02月27日</span> </p>
                        <input type="button" class="orgbtn" value="续费年卡" style="margin-right:10px; float:right;" onclick="window.location.href=&quot;purchase.php&quot;"></td>
                    </tr>
                  </tbody>
                </table>
              </li>
            </ul>
          </div>
          <div id="tab2" class="user_zh" style="display:none">
            <ul>
              <li>您目前已经上过以下课程，课程进度为：</li>
              <li>
                <table width="680px" border="1" cellspacing="0" cellpadding="0" style="margin:10px 0;">
                  <tbody>
                    <tr>
                      <th>雅思</th>
                      <td><p style="float:left;"> 已上<span class="span-block">2</span> 节，共 <span class="span-block">20</span> 节，完成度 <span class="user_sj">10%</span></p>
                        <div style="float:right; margin-right:10px;">
                          <input type="button" class="orgbtn" value="继续上课" onclick="window.location.href=&quot;purchase.php&quot;">
                          <input type="button" class="orgbtn" value="结束课程" onclick="window.location.href=&quot;purchase.php&quot;">
                        </div></td>
                    </tr>
                    <tr>
                      <th>托福</th>
                      <td><p style="float:left;">
                        
                        <p style="float:left;"> 已上<span class="span-block">11</span> 节，共 <span class="span-block">25</span> 节，完成度 <span class="user_sj">44%</span></p>
                        <div style="float:right; margin-right:10px;">
                          <input type="button" class="orgbtn" value="继续上课" onclick="window.location.href=&quot;purchase.php&quot;">
                          <input type="button" class="orgbtn" value="结束课程" onclick="window.location.href=&quot;purchase.php&quot;">
                        </div></td>
                    </tr>
                  </tbody>
                </table>
              </li>
              <li>
                <input type="button" value="学习新课程" onclick="window.open(&#39;../course/index.html&#39;,&#39;_self&#39;);" class="redbtn">
              </li>
            </ul>
          </div>
          <div id="tab3" class="user_zh" style="display:none">
            <ul>
              <li>
                <table width="680px" border="1" cellspacing="0" cellpadding="0" style="margin:10px 0;">
                  <tbody>
                    <tr>
                      <th>用户名</th>
                      <td><input type="text" class="inp" value="VIKI" /></td>
                    </tr>
                    <tr>
                      <th>性别</th>
                      <td><input type="text" class="inp" value="女" /></td>
                    </tr>
                    <tr>
                      <th>生日</th>
                      <td><input type="text" class="inp" value="2000年01月01日" /></td>
                    </tr>
                    <tr>
                      <th>联系方式</th>
                      <td><input type="text" class="inp" value="18810294338" /></td>
                    </tr>
                    <tr>
                      <th>邮箱</th>
                      <td><input type="text" class="inp" value="12345678@bjtu.edu.cn" /></td>
                    </tr>
                  </tbody>
                </table>
              </li>
              <li>
                <input type="button" value="保存资料" onclick="window.open(&#39;../course/index.html&#39;,&#39;_self&#39;);" class="redbtn" style="margin-left:100px;">
              </li>
            </ul>
          </div>
          <div id="tab4" class="user_zh" style="display:none">
            <ul>
              <li>
                <table width="680px" border="1" cellspacing="0" cellpadding="0" style="margin:10px 0;">
                  <tbody>
                    <tr>
                      <th>原始密码</th>
                      <td><input type="password" class="inp"/></td>
                    </tr>
                    <tr>
                      <th>新密码</th>
                      <td><input type="password" class="inp"/></td>
                    </tr>
                    <tr>
                      <th>确认密码</th>
                      <td><input type="password" class="inp"/></td>
                    </tr>
                  </tbody>
                </table>
              </li>
              <li>
                <input type="button" value="修改密码" onclick="window.open(&#39;../course/index.html&#39;,&#39;_self&#39;);" class="redbtn" style="margin-left:100px;">
              </li>
            </ul>
          </div>
        </div>
        <!--帐户信息 结束--> 
      </div>
    </div>
    </section>
  </div>
</div>
<aside>
  <div class="wrap">
    <div id="footer">
      <div class="footWrap">
        <p class="footP"> <a href="../about/aboutus.php.html" target="_blank" title="关于我们">关于我们</a> │ <a href="../about/sitemap.php.html" target="_blank" title="网站地图">网站地图</a> │ <a href="../about/privacy.php.html" target="_blank" title="隐私声明">隐私声明</a> │ <a href="../links/links.php.html" target="_blank" title="友情链接">友情链接</a> │ <a href="../about/terms.php.html" target="_blank" title="用户协议">用户协议</a> │ <a href="../about/joinus.php.html" target="_blank" title="加入我们">加入我们</a> │ <a href="../ca/index.html" target="_blank" title="校园代理招募">校园代理招募</a> │ <a href="../area/index.html" target="_blank" title="区域代理招募">区域代理招募</a> │ <a href="../cet/index.html" target="_blank" title="企业客户培训">企业客户培训</a> </p>
        <p class="footP">Copyright©北京大生知行科技有限公司&nbsp;&nbsp;京ICP证110696号&nbsp;&nbsp;京ICP备11031999号&nbsp;&nbsp;<script type="text/javascript">
            var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
            document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fcd5cd03181b14b3269f31c9cc8fe277f' type='text/javascript'%3E%3C/script%3E"));
    </script><script src=" http://hm.baidu.com/h.js?cd5cd03181b14b3269f31c9cc8fe277f" type="text/javascript"></script></p>
      </div>
      <div class="footImg"> <a href="http://www.51honest.org/wscredit/detail.credit?action=preLevel&amp;credcode=NO.20000038643" rel="nofollow" target="_blank" title="信星计划" class="footImg1"></a> <a href="https://www.itrust.org.cn/yz/pjwx.asp?wm=1579059481" rel="nofollow" target="_blank" title="信用企业" class="footImg2"></a> <a href="http://www.315online.com.cn/member/315120032.html" rel="nofollow" target="_blank" title="网上交易保障中心" class="footImg3"></a> <a href="http://www.beianchaxun.net/search/Viki.com" rel="nofollow" target="_blank" title="Viki备案信息" class="footImg4"></a> <a href="javascript:void(0);" target="_blank" rel="nofollow" title="支付宝特约商家" class="footImg5"></a> </div>
      <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-30549090-1']);
        _gaq.push(['_setDomainName', 'Viki.com']);
        _gaq.push(['_setAllowLinker', true]);
        _gaq.push(['_setCampNameKey', 'hmpl']);
        _gaq.push(['_setCampSourceKey', 'hmsr']);
        _gaq.push(['_setCampMediumKey', 'hmmd']);
        _gaq.push(['_setCampTermKey', 'hmkw']);
        _gaq.push(['_setCampContentKey', 'hmci']);
        
        _gaq.push(['_trackPageview']);
        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script> 
      <script type="text/javascript">
        var youdao_conv_id = 1074;
    </script> 
      <script type="text/javascript" src="http://conv.youdao.com/pub/conv.js"></script> 
      <!--无双 Begin--> 
      <script type="text/javascript">
        var _agt=_agt||[];
        _agt.push(['_atscu','AG_600656_EPPE']);
        _agt.push(['_atsdomain','Viki.com']);
        (function(){
            var ag=document.createElement('script'); 
            ag.type='text/javascript'; 
            ag.async = true;
            /*ag.src=document.location.protocol+'://'+'t.agrantsem.com/js/AG_Tracking.js';*/
            ag.src=(document.location.protocol=='https'?'https':'http')+'://'+'t.agrantsem.com/js/ag.js'
            var s=document.getElementsByTagName('script')[0]; 
            s.parentNode.insertBefore(ag,s);})();
    </script> 
      <!-- Google Code for 2013.8-&#39318;&#39029; --> 
      <!-- Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. For instructions on adding this tag and more information on the above requirements, read the setup guide: google.com/ads/remarketingsetup --> 
      <script type="text/javascript">
        /* <![CDATA[ */
        var google_conversion_id = 1011036444;
        var google_custom_params = window.google_tag_params;
        var google_remarketing_only = true;
        /* ]]> */
    </script> 
      <script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js">
    </script>
      <iframe name="google_conversion_frame" title="Google conversion frame" width="300" height="13" src="http://googleads.g.doubleclick.net/pagead/viewthroughconversion/1011036444/?random=1396762271789&amp;cv=7&amp;fst=1396762271789&amp;num=1&amp;fmt=1&amp;guid=ON&amp;u_h=768&amp;u_w=1366&amp;u_ah=728&amp;u_aw=1366&amp;u_cd=32&amp;u_his=1&amp;u_tz=480&amp;u_java=true&amp;u_nplug=28&amp;u_nmime=49&amp;frm=0&amp;url=file%3A///C%3A/Users/%25E8%25B4%25B5%25E6%259D%25B0/Desktop/ycc-aim/ue/ycc-ue_list-RecTotal%3D148%26PageID%3D1.php.html" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no">&lt;img height="1" width="1" border="0" alt="" src="http://googleads.g.doubleclick.net/pagead/viewthroughconversion/1011036444/?frame=0&amp;random=1396762271789&amp;cv=7&amp;fst=1396762271789&amp;num=1&amp;fmt=1&amp;guid=ON&amp;u_h=768&amp;u_w=1366&amp;u_ah=728&amp;u_aw=1366&amp;u_cd=32&amp;u_his=1&amp;u_tz=480&amp;u_java=true&amp;u_nplug=28&amp;u_nmime=49&amp;frm=0&amp;url=file%3A///C%3A/Users/%25E8%25B4%25B5%25E6%259D%25B0/Desktop/ycc-aim/ue/ycc-ue_list-RecTotal%3D148%26PageID%3D1.php.html" /&gt;</iframe>
      <noscript>
      &lt;div style="display:inline;"&gt;
      &lt;img height="1" width="1" style="border-style:none;" alt="" src="http://googleads.g.doubleclick.net/pagead/viewthroughconversion/1011036444/?value=0&amp;guid=ON&amp;script=0"/&gt;
      &lt;/div&gt;
      </noscript>
      <!--Google update 2012-10-18--> 
      <!--无双 End--> 
      
      <!-- WPA Button Begin --> 
      <script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzkzODA3NjYwOF80NDIwMl80MDA2MzIwMDUxXw"></script> 
      <!-- WPA Button END --> 
      
    </div>
  </div>
</aside>
</body>
</html>